<template>
	<section>
		 <script ref="edtior" id="editor" type="text/plain"></script>
	</section>
</template>
<script>

	export default {
		 	// name: 'UE',
		    data () {
		      return {
		        editorOne:null,
		        editorTwon:null,
		        config: {
			        initialFrameWidth: null,
			        initialFrameHeight: 750
		      	}
		      }
		    },
		    // 接受编辑器的ID
		    props:["ueID"],
		    mounted() {
		    	console.log(this.ueID)
		    	this.initializeEditor()
		     
		    },
		    methods: {
		    	// 初始化编辑器并且是编辑内容则放入内容
		    	initializeEditor(){
		      		var _this=this
		      		setTimeout(function(){
		      			_this.$refs.edtior.id=_this.ueID
		      			if (localStorage.getItem("ueOne")||localStorage.getItem("ueTwo")) {
		      				// 等数据请求完成在设置内容
			      			// 区分开编辑器，分别存入不同的变量，便于设置内容
			      			// 只有当ue.vue组件被加载的时候初始化编辑器和设置内容
							if (_this.$refs.edtior.id=="ueditorOne") {
								_this.editorOne=UE.getEditor('ueditorOne', _this.config)
								var text1=localStorage.getItem("ueOne")
								_this.editorOne.ready(function () {
			                   //设置编辑器的内容
				                   setTimeout(function () {
				                       _this.editorOne.setContent(JSON.parse(text1))
				                   }, 100)
				               })
							}
				      		if (_this.$refs.edtior.id=="ueditorTwo") {
								_this.editorTwo=UE.getEditor('ueditorTwo', _this.config)
								var text2=localStorage.getItem("ueTwo")
				               _this.editorTwo.ready(function () {
			                   //设置编辑器的内容
				                   setTimeout(function () {
				                       _this.editorTwo.setContent(JSON.parse(text2))
				                   }, 150)
				               })
				      		}
			      		}else{
				      			// 新增文章，初始化编辑器
				      			_this.$refs.edtior.id=_this.ueID
				      			if (_this.$refs.edtior.id=="ueditorOne") {
				      				_this.editorOne = UE.getEditor("ueditorOne", _this.config); // 初始化Ue
				      			}
			      				if (_this.$refs.edtior.id=="ueditorTwo") {
				      				_this.editorTwo = UE.getEditor("ueditorTwo", _this.config); // 初始化Ue
				      			}
			      			}
			      		},100)
		      		},
			      getUEContentOne() { // 获取内容方法
			      	console.log(this.editorOne.getContent())
			        return this.editorOne.getContent()
			      },
			      getUEContentTwo() { // 获取内容方法
			        return this.editorTwo.getContent()
			      },
			      
			      // 返回是实例用于路由离开时销毁实例
			      destroyedExampleOne(){
			      	return this.editorOne
			      },
			      destroyedExampleTwo(){
			      	return this.editorTwo
			      }
		    },
		    destroyed() {
		      	// this.editorOne.destroy()
		      	// this.editorTwo.destroy()
		    }
	}

</script>
